<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常用的字体属性_字体粗细</title>
    <style>
        .div1 {
          font-weight: lighter; /* 细字体 */
        }
        .div2 {
          font-weight: normal;/* 正常字体 */
        }
        .div3 {
          font-weight: bold;/* 粗字体 */
        }
        .div4 {
          font-weight: bolder;/* 更粗字体(很多的字体不支持) */
        }
        .div4 {
          font-weight: 100;/* 凭值判断粗细 越大越粗 最小100 最大1000 没有单位 字体有的只有三四个粗细的状态 按值给予粗细状态  */
        }
    </style>
</head>
<body>
    <div class="div1">内容1</div>
    <div class="div2">内容2</div>
    <div class="div3">内容3</div>
    <div class="div4">内容4</div>
</body>
</html>